<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>16110100521</title>
	<style>
		li{
			width: 150px;
			height: 30px;
			font-size: 14px;
			line-height: 30px;
			text-align: center;
			border: 1px solid #039;
			list-style: none;
			
			margin: 8px;
		}
		.bc { font-weight: bold;}
		.red{ color: red;}
		.yb { border:1px dashed;}
		.bred{
			border-color: red;
			font-weight: bold;
		    }
		
	</style>
</head>

<body>
	<ul>
		<li class="bc">ID选择器</li>
		<li class="red">类选择器</li>
		<li class="yb">标签选择器</li>
		<li class="bred">伪类</li>
		<li>群组选择器</li>
		<li>父子选择器</li>
	
	</ul>
</body>
</html>
